<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue基础</title>
     <!-- 开发环境版本，包含了有帮助的命令行警告 -->
     
     <script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
   
    <div id="app">
        {{ message }} 
        <h2> {{ school.name }}{{ school.mobile}}</h2>
        <ul><li>{{campus}}</li></ul>
        <ul><li>{{campus[0]}}</li></ul>
    </div>
    <script>
        // var message = { a:1 };
       var app = new Vue({
           el:"#app",
           data:{
               message:"nihao",
               school:{
                   name:"xiaohei",
                   mobile:"400-800"
               },
               campus:["背景","祛疤膏带","伤害"]
           }
       });
       //message.a="Hello";   
       //app.b="test";
    </script>
</body>
</html>